//查找和过滤
//用find()查找 
var ul = $("ul.lang")
console.log(ul);

var dy = ul.find(".dy")
console.log(dy);

var id = ul.find("#swift")
console.log(id);

var has = ul.find("[name=haskell]")
console.log(has);

//从当前节点向上查询时，用parent()方法

var hal = $("[name=haskell]")
console.log(hal);

var swf = hal.parent();
console.log(swf);//获得整个ul节点

//同一层节点可以用next()向下查询和prev()向上查询

var sw = $("#swift")

var a = sw.next();//向下获得Scheme
var b =sw.prev();//向上获得Python
console.log(a);
console.log(b);

//过滤filter()方法

var lang = $("ul.lang li")
var c = lang.filter(".dy")
console.log(c);

//函数内部的this被绑定为DOM对象，不是jQuery对象

var d =lang.filter(function(){
    return this.innerHTML.indexOf("S")===0;
})
console.log(d);

//map()方法把一个jQuery对象包含的若干DOM节点转化为其他对象

var arr = lang.map(function(){
    return this.innerHTML;
}).get()

console.log(arr);

var js = lang.first();//相当于first-child
var jd = lang.last();//last-child
var sp = lang.slice(1,3);

console.log(js);
console.log(jd);
console.log(sp);

//练习



// var json = null;
// var obj={};
// var form = $("#test-form :input");
// var ff=form.filter(function(){
// if (this.type==='radio' && !this.checked || this.type==='submit')
//     return false;
// else
//     return true;})
// ff.map(function(){
// return obj[this.name]=this.value;
// })
// json=JSON.stringify(obj,null,'  ');
// // 显示结果:
// if (typeof(json) === 'string') {
//     console.log(json);
// }
// else {
//     console.log('json变量不是string!');
// }

//jQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本

var ul = $("#test-ul li[name=book]").text();
var al = $('#test-ul li[name=book]').html(); 

console.log(ul);
console.log(al);

//修改css

var div = $("#test-css")

var b =div.css("color","#8888");

//显示和隐藏hide()和show();
var l = $(".lang");
var o = l.hide();
var p = l.show();


 